﻿<div id="addUserWindow">
    <div id="addUserWindowHeader">
        <span>Добавление нового пользователя</span>
    </div>
    <div style="overflow: hidden;" id="addUserWindowContent">
        <div id='windowsSection'>
            <ul>
                <li style="margin-left: 30px;">Персональная информация</li>
                <li>Список доступных машин</li>
                <li>Добавить!</li>
            </ul>
            <div class="section">
                <div id="form">
                    <div class="inputContainer">
                        Login:
                        <input class="formInput" type="text" id="usernameInput" /></div>
                    <div class="inputContainer">
                        Password:
                        <input class="formInput" type="text" id="passwordInput" /></div>
                    <div class="inputContainer">
                        Имя:
                        <input class="formInput" type="text" id="nameInput" /></div>
                    <div class="inputContainer">
                        Фамилия:
                        <input class="formInput" type="text" id="familyInput" /></div>
                    <div class="inputContainer">
                        Дилерская организация:
                        <input class="formInput" type="text" id="dilerIdInput" /></div>
                    <div class="inputContainer">
                        Роль:
                        <div id="roleInput" class="formInput"></div> 
                    </div>
                    
                    <div id="checkBoxWrapper">
                        Нажмите далее, когда заполните все поля
                    </div>
                    <div id="sectionButtonsWrapper">
                        <input type="button" value="Далее" class="nextButton" id="nextButtonInfo" />
                    </div>
                </div>
            </div>
            <div class="section">
                <div id='treeSelecterPanel'>
                    <div dock='left' style='padding: 1px'>
                        <div>
                            <input id='carFilter' type="text" style="text-align: center;" /> 
                        </div>
                        <div id="avaibleCarTree"></div>
                    </div>
                    <div id='userCarList' dock='left'>
                        2
                    </div>
                </div>
                <div class="hint" id="hintBasket">
                </div>
                <div id="basketButtonsWrapper">
                    <input type="button" value="Назад" class="backButton" id="backButtonBasket" />
                    <input type="button" value="Далее" class="nextButton" id="nextButtonBasket" />
                </div>
                <div id='deleteMenu'>
                    <ul>
                        <li>Удалить</li>
                    </ul>
                </div>
            </div>
            <div class="section">
                <div id="selectedProductsHeader">
                    <h3 style="padding-bottom: 10px">Итоговая информация</h3>
                    <div id="orderContainer">
                        <div style="padding-bottom: 15px">
                            <b>Логин: </b>
                            <span id="Login"> </span>
                        </div>
                        <div style="padding-bottom: 15px">
                            <b>Пароль: </b>
                            <span id="Password"> </span>
                        </div>
                        <div style="padding-bottom: 15px">
                            <b>Имя: </b>
                            <span id="UserName"> </span>
                        </div>
                        <div style="padding-bottom: 15px">
                            <b>Фамилия: </b>
                            <span id="Family"> </span>
                        </div>
                        <div style="padding-bottom: 15px">
                            <b>Дилерская организация: </b>
                            <span id="Diler"> </span>
                        </div>
                        <div style="padding-bottom: 15px">
                            <b>Роль пользователя: </b>
                            <span id="Role"> </span>
                        </div>
                        <div style="padding-bottom: 15px">
                            <b>Доступно автомобилей: </b>
                            <span id="CarCount"> </span>
                        </div>
                        <input type="button" value="Назад" id="backButtonReview" class="backButton" />
                    </div>
                </div>
                <div id="selectedProductsButtonsWrapper">
                    <input type="button" value="Сохранить" id="saveUserButton" />
                </div>

            </div>
        </div>
    </div>
</div>
